<!DOCTYPE html>
<html>
<head>
<title>文章列表</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="../../css/bootstrap.min.css">
<link rel="stylesheet" href="../../css/font-awesome.min.css">
<link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="../../css/main.css">
<script src="../../libs/jquery.min.js"></script>
<script src="../../plugins/layer/layer.js"></script>
<script src="../../libs/bootstrap.min.js"></script>
<script src="../../libs/vue.min.js"></script>
<script src="../../libs/validator.min.js"></script>
<script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
<script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../../js/common.js"></script>
<script type="text/javascript" charset="utf-8" src="../../plugins/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../../plugins/ueditor/ueditor.all.js"> </script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="../../plugins/ueditor/lang/zh-cn/zh-cn.js"></script>
</head>
<body>

<div id="rrapp" v-cloak>

	<div v-show="showList">
		<div class="grid-btn">
			<div class="form-group col-sm-2">
				<input type="text" class="form-control" v-model="q.username" @keyup.enter="query" placeholder="用户名">
			</div>
			<a class="btn btn-default" @click="query">查询</a>
			<a v-if="hasPermission('sys:user:save')" class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			<a v-if="hasPermission('sys:user:update')" class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			<a v-if="hasPermission('sys:user:delete')" class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    
    <div v-show="!showList" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal form-width100  ">
			<div class="form-group">
			   	<div class="col-sm-2 control-label">文章标题</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="article.title" placeholder="文章标题"/>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">简要</div>
			   	<div class="col-sm-10">
			      <textarea type="text" class="form-control" v-model="article.description" rows="4" placeholder="简单介绍一下内容吧">
				  </textarea>
			    </div>
			</div>

			<div class="form-group">
			   	<div class="col-sm-2 control-label">内容</div>
			   	<div class="col-sm-10">
					<!--<div type="text" id="editor" class="form-control"   style="width:100%;height:500px;"></div>-->
					<div class="ueditor" id="editor" style="width:100%;height:140px;"></div>
			    </div>
			</div>
			<!--<div class="form-group">-->
			   	<!--<div class="col-sm-2 control-label">角色</div>-->
			   	<!--<div class="col-sm-10">-->
				   	<!--<label v-for="role in roleList" class="checkbox-inline">-->
					  <!--<input type="checkbox" :value="role.roleId" v-model="user.roleIdList">{{role.roleName}}-->
					<!--</label>-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="form-group">-->
				<!--<div class="col-sm-2 control-label">状态</div>-->
				<!--<label class="radio-inline">-->
				  <!--<input type="radio" name="status" value="0" v-model="user.status"/> 禁用-->
				<!--</label>-->
				<!--<label class="radio-inline">-->
				  <!--<input type="radio" name="status" value="1" v-model="user.status"/> 正常-->
				<!--</label>-->
			<!--</div>-->
			<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>
</div>
<script src="../../js/modules/content/articles.js"></script>
</body>
</html>